<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <!--引入百度地图的jssdk，这里需要使用你在百度地图开发者平台申请的 ak-->
    <!-- <script src="http://api.map.baidu.com/getscript?v=2.0&ak=dj2gkAtx4LujEkd6GRd4dYexbxo2eMkQ"></script> -->
    <script src="http://api.map.baidu.com/getscript?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
    <!-- 引入 ECharts -->
    <script type="text/javascript" src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts-en.min.js"></script>
    <!-- 引入百度地图扩展 -->
    <!-- <script type="text/javascript" src="./data.js"></script> -->
    <!-- <script type="text/javascript" src="./map.js"></script> -->
    <script type="text/javascript" src="./tj.js"></script>

    <title>Document</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        html,body{
            width: 100%;
            height: 100%;
        }
        #main{
            width: 100%;
            flex: 1;
        }
    </style>
</head>

<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main"></div>
<!-- ECharts单文件引入 -->
<script type="text/javascript">
    echarts.registerMap('heatmap', mapData)
</script>
</body>
</html>